<!--
 * @Description: 第二十四章（兄弟组件传参和Bus） 借助父组件传参
 * @Author: IA ia@kepro.space
 * @Date: 2025-02-18 16:03:50
-->
<template>
  <div>
    <h1>第二十四章（兄弟组件传参和Bus） 借助父组件传参</h1>
    <div>
      <A @on-click="getFlag"></A>
      <B :flag="Flag"></B>
    </div>
  </div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import A from '@/components/24th/A1.vue'
import B from '@/components/24th/B1.vue'

let Flag = ref(false)
const getFlag = (params: boolean) => {
  Flag.value = params
}
</script>
<style scoped>
h1,
h2,
hr {
  margin: 10px 0;
}
</style>
